<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0,
    maximum-scale=1.0, minimum-scale=1.0">
    <title>flexible应用练习</title>
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/index.css">

    <script src="index.js"></script>

</head>
<body>
    <!-- 右边打开APP -->
    <div id="app">
        <a href=""><img src="images/app.png" alt=""></a>
    </div>
    <!-- 顶部APP -->
    <div id="headDom">
        <img src="images/header-top.jpg" alt="" id="headDom-bg">
        <a href="" id="open-app"></a>
        <a href="" id="del-hd" ></a>
    </div>
    <!-- 头部导航搜索区 -->
    <nav id="nav-wrapper">
        <div class="index-bg1">
            <img src="images/bg1.png" alt="">
        </div>
        <div class="nav-user">
            <a class="fenlei">
                <img src="images/fenlei.png" alt="">
            </a>
            <div class="middle">
                <a><img src="images/nav-user-middel.gif" alt=""></a>
            </div>
            <div class="user">
                <a href="" class="login"><img src="images/login.png" alt=""></a>
                <a href="" class="wode"><img src="images/wode.png" alt=""></a>
            </div>
        </div>
        <div class="search">
            <a href="">
                <i></i>
                <span>冰箱洗衣机1000元卷</span>
            </a>
        </div>  


    </nav>
    <!-- 轮播图区 -->
    <div id="focus">
        <div class="bg2">
            <img src="images/bg2.png" alt="">
        </div>
        <div class="focus-cn">
            <ul class="clearfix">
                <li><a href=""><img src="upload/focus1.png" alt=""></a></li>
                <li><a href=""><img src="upload/focus2.png" alt=""></a></li>
                <li><a href=""><img src="upload/focus3.png" alt=""></a></li>
                <li><a href=""><img src="upload/focus4.jpg" alt=""></a></li>
                <li><a href=""><img src="upload/focus5.jpg" alt=""></a></li>
                <li><a href=""><img src="upload/focus1.png" alt=""></a></li>
            </ul>
        </div>
    </div>
    <!-- 推荐图区 -->
    <div id="commodity-rem" class="clearfix">
        <a href=""><img src="upload/rem-left.png" alt=""></a>
        <a href=""><img src="upload/rem-center.png" alt=""></a>
        <a href=""><img src="upload/rem-right.png" alt=""></a>
    </div>
    <!-- 主导航区 -->
    <nav id="main-nav">
        <a class="main-nav-container">
            <img src="images/nav1.png" alt="">
            <span>苏宁秒杀</span>
        </a>
        <a class="main-nav-container">
            <img src="images/nav2.png" alt="">
            <span>苏宁超市</span>
        </a>
        <a class="main-nav-container">
            <img src="images/nav3.png" alt="">
            <span>苏宁易购</span>
        </a>
        <a class="main-nav-container">
            <img src="images/nav4.png" alt="">
            <span>手机数码</span>
        </a>
        <a class="main-nav-container">
            <img src="images/nav5.png" alt="">
            <span>苏宁家电</span>
        </a>
        <a class="main-nav-container">
            <img src="images/nav6.png" alt="">
            <span>免费水果</span>
        </a>
        <a class="main-nav-container">
            <img src="images/nav7.png" alt="">
            <span>super会员</span>
        </a>
        <a class="main-nav-container">
            <img src="images/nav8.png" alt="">
            <span>签到有礼</span>
        </a>
        <a class="main-nav-container">
            <img src="images/nav9.png" alt="">
            <span>领卷中心</span>
        </a>
        <a class="main-nav-container">
            <img src="images/nav10.png" alt="">
            <span>更多频道</span>
        </a>

    </nav>
    <!-- 新人礼包 -->
    <div id="gift-bner">
        <a href=""><img src="upload/gift1.png" alt=""></a>
        <a href=""><img src="upload/gift2.gif" alt=""></a>
        <a href=""><img src="upload/gift3.gif" alt=""></a>
    </div>




</body>
</html>